<style>
  .row {
    margin-bottom: 20px;
  }
  .row span {
    margin-left: 10px;
  }
</style>
<input id="orderId" type="hidden" value="{$result.id}" />
<div class="row">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    订单号 <span>{$result.number}</span>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    下单时间 <span>{$result.orderTime}</span>
  </div>
</div>
<div class="row">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    订单状态 <span>{$result.statusText}</span>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    订单金额 <span>{$result.amount}</span>
  </div>
</div>
<div class="row">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    用户名 <span>{$result.userName}</span>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    手机号 <span>{$result.phone}</span>
  </div>
</div>
<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    地址 <span>{$result.address}</span>
  </div>
</div>
<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    备注 <span>{$result.remark}</span>
  </div>
</div>
<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">菜品</div>
</div>
{volist name="result.detailList" id="item"}
<div class="row">
  <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">{$item.name}</div>
  <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">x{$item.number}</div>
  <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">¥ {$item.amount}</div>
</div>
{/volist}
<hr />
<div class="row">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">打包费</div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">¥ {$result.packAmount}</div>
</div>
<div class="row">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">合计</div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">¥ {$result.total}</div>
</div>

{switch name="result.status"} {case value="1"}
<div class="row" style="margin-top: 30px">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align: right">
    <button
      type="button"
      class="btn btn-success btn-lg"
      data-toggle="modal"
      data-target="#cancelModal"
    >
      取消订单
    </button>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <button id="fanhui" type="button" class="btn btn-default btn-lg">返回</button>
  </div>
</div>
{/case} {case value="2"}
<div class="row" style="margin-top: 30px">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align: right">
    <button id="acceptOrderBtn" type="button" class="btn btn-success btn-lg">接单</button>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <button data-toggle="modal"
      data-target="#rejectionModal" type="button" class="btn btn-default btn-lg">拒单</button>
  </div>
</div>

<!--<div class="row" style="margin-top: 20px">-->
<!--  <div-->
<!--    class="col-xs-12 col-sm-12 col-md-12 col-lg-12"-->
<!--    style="text-align: center"-->
<!--  >-->
<!--    <div class="checkbox" style="font-size: 12px">-->
<!--      <label>-->
<!--        <input type="checkbox" value="" />-->
<!--        处理完打开下一条信息-->
<!--      </label>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->

{/case} {case value="3"}
<div class="row" style="margin-top: 30px">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align: right">
    <button
      type="button"
      id="paiSongBtn"
      class="btn btn-success btn-lg"
    >
      派送
    </button>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <button id="fanhui" type="button" class="btn btn-default btn-lg">返回</button>
  </div>
</div>
{/case} {case value="4"}
<div class="row" style="margin-top: 30px">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align: right">
    <button
      type="button"
      id="wanChengBtn"
      class="btn btn-success btn-lg"
    >
      完成
    </button>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <button id="fanhui" type="button" class="btn btn-default btn-lg">返回</button>
  </div>
</div>
{/case} {case value="5"}
<div class="row" style="margin-top: 30px">
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" style="text-align: right">
    <button
      type="button"
      id="tuiDanBtn"
      class="btn btn-success btn-lg"
    >
      退单
    </button>
  </div>
  <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
    <button id="fanhui" type="button" class="btn btn-default btn-lg">返回</button>
  </div>
</div>
{/case}   {/switch}

<!-- 模态框 -->
{switch name="result.status"}
{case value="1"}
<div
  class="modal fade"
  id="cancelModal"
  tabindex="-1"
  role="dialog"
  aria-labelledby="myModalLabel"
>
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button
          type="button"
          class="close"
          data-dismiss="modal"
          aria-label="Close"
        >
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" id="myModalLabel">取消原因</h4>
      </div>
      <div class="modal-body">
        <div style="padding: 0 30px">
          <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">取消原因：</div>

            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
              <select id="cancelReason" class="form-control">
                <option value="">取消原因选择</option>
                {volist name="cancelReasonList" id="vo"}
                <option value="{$vo}">{$vo}</option>
                {/volist}
              </select>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="readyBtn">
          确认
        </button>
        <button type="button" class="btn btn-default" data-dismiss="modal">
          返回
        </button>
      </div>
    </div>
  </div>
</div>
{/case}
{case value="2"}
<div
  class="modal fade"
  id="rejectionModal"
  tabindex="-1"
  role="dialog"
  aria-labelledby="myModalLabel"
>
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button
          type="button"
          class="close"
          data-dismiss="modal"
          aria-label="Close"
        >
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title" id="myModalLabel">拒单原因</h4>
      </div>
      <div class="modal-body">
        <div style="padding: 0 30px">
          <div class="row">
            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">拒单原因：</div>

            <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
              <select id="rejectionReason" class="form-control">
                <option value="">拒单原因选择</option>
                {volist name="rejectionReasonList" id="vo"}
                <option value="{$vo}">{$vo}</option>
                {/volist}
              </select>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="readyBtn">
          确认
        </button>
        <button type="button" class="btn btn-default" data-dismiss="modal">
          返回
        </button>
      </div>
    </div>
  </div>
</div>
{/case}
{/switch}

